<template>
	<div class="cost-main">
		<div class="warning-top">
			<div class="warning-item">
				<season />
			</div>
			<div class="warning-item time-manage">
				<time-manage />
			</div>
		</div>
	</div>
</template>

<script>
import season from './components/Season.vue'
import TimeManage from './components/TimeManage.vue'
export default {
	components: { season, TimeManage },
}
</script>
<style lang="scss">
.cost-main {
	height: 100%;
	.warning-top {
		height: 50%;
		.warning-item {
			height: 100%;
		}
		.time-manage {
			height: calc(100% - 37px);
		}
	}
}
</style>
